<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/xhtml" lang="zh">
<head>
    <title>房屋信息列表</title>
    <link th:replace="common/header"/>
    <link rel="stylesheet" th:href="@{/css/tip.css}"/>
    <script type="text/javascript" th:src="@{/js/androidwheel/androidwheel.js}"></script>
    <script type="text/javascript" th:src="@{/js/layer/tip.js}"></script>
</head>
<body class="no-skin">
<div th:replace="common/top"></div>
<div class="main-container ace-save-state" id="main-container">
    <div th:replace="common/menu"></div>
    <div class="main-content">
        <div class="main-content-inner">
            <div th:replace="common/title"></div>
            <div class="page-content">
                <div th:replace="common/skin"></div>
                <div class="row">
                    <div class="col-xs-12">
                        <!-- PAGE CONTENT BEGINS -->
                        <div class="row-fluid">
                            <!--PAGE CONTENT BEGINS HERE-->
                            <div class="span12">
                                <p class="alert alert-info" id="text" style="display: none;"></p>
                            </div>
                        </div>

                        <div class="row-fluid">
                            <!--PAGE CONTENT BEGINS HERE-->
                            <div class="span6">
                                <div class="row-fluid widget-container-col">
                                    <div class="widget-box span12" style="margen-top: 300px;">
                                        <div class="widget-header">
                                            <h5 class="widget-title">私聊</h5>

                                            <div class="widget-toolbar">
                                                <a href="#" data-action="collapse">
                                                    <i class="1 ace-icon fa fa-chevron-down bigger-125"></i>
                                                </a>
                                            </div>
                                        </div>

                                        <div class="widget-body">
                                            <div class="widget-main padding-4 scrollable tab-pane" data-size="625"
                                                 id="privatescroll">
                                                <div class="dialogs" id="privatetext">

                                                </div>
                                            </div>
                                            <div class="widget-toolbox padding-8 clearfix">
                                                <div class="row-fluid">
                                                    <div class="span3">
                                                        <span>To</span><select title="" class="input_fix9" name="toId"
                                                                               id="toId"
                                                                               th:onchange="'getPrivateRecord(this.value, 2)'">
                                                        <option value="">--请选择--</option>
                                                        <option th:each="user: ${userList}"
                                                                th:unless="${user.id == session.userSessionId}"
                                                                th:value="${user.id}"
                                                                th:text="${user.username}"></option>
                                                    </select>
                                                    </div>
                                                    <div class="span9">
                                                        <div class="row-fluid">
                                                            <div class="span11">
                                                                <input type="text" class="input_100" placeholder="请输入内容"
                                                                       name="content" id="privatecontent"
                                                                       autocomplete="off" maxlength="200"/>
                                                            </div>
                                                            <div class="span1">
                                                                <button class="btn btn-success pull-right"
                                                                        id="sendprivate" type="button">
                                                                    <i class="ace-icon fa fa-arrow-right icon-on-right"></i>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="span6">
                                <div class="row-fluid widget-container-col">
                                    <div class="widget-box span12" style="margen-top: 300px;">
                                        <div class="widget-header">
                                            <h5 class="widget-title">聊天室</h5>

                                            <div class="widget-toolbar">
                                                <a href="#" data-action="collapse">
                                                    <i class="1 ace-icon fa fa-chevron-down bigger-125"></i>
                                                </a>
                                            </div>
                                        </div>

                                        <div class="widget-body">
                                            <div class="widget-main padding-4 scrollable tab-pane" data-size="625"
                                                 id="publicscroll">
                                                <div class="dialogs" id="publictext">
                                                    <div class="itemdiv dialogdiv" th:each="message: ${chatList}">
                                                        <div class="user"
                                                             th:classappend="${session.userSession.username eq message.fromUserName ? 'userright' : ''}">
                                                            <img src="" alt="" th:alt="${message.fromUserName}"
                                                                 th:src="@{${message.head} == null ? '/images/user.jpg' : '/' + ${message.head}}"
                                                                 style="max-height: 50px;max-width: 50px;"/>
                                                        </div>

                                                        <div class="body"
                                                             th:style="'margin-right:50px; background-color:' + ${message.backColor} + ';color:' + ${message.fontColor} + ';'"
                                                             th:classappend="${session.userSession.username eq message.fromUserName ? 'right' : ''}">
                                                            <div class="name">
                                                                <a href="#" th:text="${message.fromUserName}">Alexa</a>
                                                            </div>
                                                            <div class="text" th:text="${message.content}">Lorem ipsum
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="widget-toolbox padding-8 clearfix">
                                                <div class="row-fluid">
                                                    <div class="span11">
                                                        <input type="text" class="input_100" placeholder="请输入内容"
                                                               name="content" id="publiccontent"
                                                               autocomplete="off" maxlength="200"/>
                                                    </div>
                                                    <div class="span1">
                                                        <button class="btn btn-success pull-right" id="send"
                                                                type="button">
                                                            <i class="ace-icon fa fa-arrow-right icon-on-right"></i>
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- PAGE CONTENT ENDS -->
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.page-content -->
        </div>
    </div><!-- /.main-content -->
    <div th:replace="common/footer"></div>
</div><!-- /.main-container -->
<div th:replace="common/buttom"></div>
<div th:replace="common/layer"></div>
<input type="hidden" id="fromId" th:value="${session.userSessionId}"/>
<input type="hidden" id="hosts" th:value="${host}"/>
<script th:src="@{/js/common/jquery.slimscroll.min.js}"></script><!--局部滚动条-->
<script th:src="@{/js/stomp/stomp.min.js}"></script>
<script th:src="@{/js/stomp/sockjs.min.js}"></script>
<script th:src="@{/js/page/index.js}"></script>
</body>
</html>
